<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<title>第46届国际名家具(东莞)展览会</title>
	<link rel="stylesheet" href="//www.ffepcn.com/m/ffep40/css/bootstrap.min.css">
	<link rel="stylesheet" href="css/animate.min.css">
	<link rel="stylesheet" href="https://at.alicdn.com/t/font_374778_v5m31dz1q8s.css">
	<link rel="stylesheet" href="https://lib.baomitu.com/fullPage.js/3.0.3/fullpage.min.css">
	<link rel="stylesheet" href="css/style.css?v=1.21">
	<script src="http://www.ffepcn.com/m/ffep40/js/jquery.min.2.1.4.js"></script>
	<script src="js/easings.min.js"></script>
	<script src="js/scrolloverflow.js"></script>
	<script src="js/fullpage.min.js"></script>

	
	<script>
		function GetQueryString(name) {
		    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
		    var r = window.location.search.substr(1).match(reg);
		    if (r != null) return (r[2]);
		    return null;
		}
		var ly = GetQueryString("ly") == null ? "h5" : decodeURIComponent(GetQueryString("ly").toString());
		console.log(ly);
	</script>
	<script type="text/javascript">
	  if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
	      (function (win,doc){
	        // 用原生方法获取用户设置的浏览器的字体大小(兼容ie)
	            if(doc.documentElement.currentStyle) {
	                var user_webset_font=doc.documentElement.currentStyle['fontSize'];
	            }
	            else {
	                var user_webset_font=getComputedStyle(doc.documentElement,false)['fontSize'];
	            }
	        // 取整后与默认16px的比例系数
	        var xs=parseFloat(user_webset_font)/16;
	        var doc = win.document;
	        var html = doc.documentElement;
	        // defaut 1080px
	        var baseWidth = 750; //设计稿的尺寸
	        var grids = baseWidth/100,
	          resizeEvt = 'orientationchange' in win ? 'orientationchange' : 'resize',
	          recalc = function() {
	            var clientWidth = html.clientWidth || 375; // default to 375 if can't get device-width
                html.style.fontSize = (clientWidth / grids)/xs + 'px';
	          };
	        win.addEventListener(resizeEvt, recalc, false);
	        doc.addEventListener('DOMContentLoaded', recalc, false);
	        recalc();
	    })(window,document);
	  } else {
	    var doc = window.document;
	    var html = doc.documentElement;
	    clientWidth = html.clientWidth= "414px";
	    html.style.fontSize = "50px";
	    html.clientHeight = "660px";
	    $(function(){
	        $(".page-wrap").css({"width":"414px","height":"655px"});
	        
	    })
	      
	  }
	</script>
</head>
<body>
    <div class="page-wrap">
    <div class="music-play" style="display:none;">
    <img width="30" src="images/music.svg" >
	    <audio style="display: none;height: 0px;" id="mp3Btn" autoplay loop>
			<source src="" type="audio/mpeg" />
		</audio>
    </div>
	<div id="fullpage">
	    
		<div class="section section-1 active">
			<div class="img img11 animated"><img data-src="images/logo.png"></div>
			<div class="img img12 animated"><img data-src="images/logo2.png"></div>
			<div class="img img13 animated"><img data-src="images/time.png"></div>
			<div class="img img14 animated"><img data-src="images/banner.jpg"></div>
			<div class="img img15 animated"><img data-src="images/more.png"></div>
			
			
		</div>
		<div class="section section-2">
			<div class="img img21"><img data-src="images/p2_img1.png"></div>
			<div class="img img22"><img data-src="images/p2_img2.png"></div>
			<div class="img img23"><img data-src="images/p2_img3.png"></div>
			<div class="img img24"><img data-src="images/p2_img4.png"></div>
			
		</div>
		<div class="section section-3">
			<div class="img img31"><img data-src="images/p3_img1.png"></div>
			<div class="img img32"><img data-src="images/p3_img2.png"></div>
			<div class="img img33"><img data-src="images/p3_img3.png"></div>
			<div class="img img34"><img data-src="images/p3_img4.png"></div>
			<div class="img img35"><img data-src="images/p3_img5.png"></div>
			
		</div>
		<div class="section section-4">
			<div class="img img41"><img data-src="images/p4_img1.png"></div>
			<div class="img img42"><img data-src="images/p4_img2.png"></div>
			<div class="img img43"><img data-src="images/p4_img3.png"></div>
			<div class="img img44"><img data-src="images/p4_img4.png"></div>
			<div class="img img45 page4-text">
			<p>围绕全屋整装定制，尤其是<strong>木皮、五金、涂层、板材</strong>等核心定制配套材料，为设计师打造一站式的定制选材库，满足设计师全案设计落地多元化需求。</p>
			</div>
			<div class="img img46"><img data-src="images/p4_pic1.jpg"></div>
			<div class="img img47"><img data-src="images/p4_pic2.jpg"></div>
			<div class="img img48"><img data-src="images/p4_pic3.jpg"></div>
			<div class="img img49"><img data-src="images/p4_pic4.jpg"></div>
			
		</div>
		<div class="section section-5">
			<div class="img img51"><img data-src="images/p4_img1.png"></div>
			<div class="img img52"><img data-src="images/p5_img2.png"></div>
			<div class="img img53"><img data-src="images/p5_img3.png"></div>
			<div class="img img54"><img data-src="images/p5_img4.png"></div>
			<div class="img img55 page5-text">
				<p>通过构建大家居内容生态体系，实现设计产业化、产业创意化，为品牌转型升级提供与设计链接和展示的舞台。</p>
			</div>
			<div class="img img56"><img data-src="images/p5_pic1.jpg"></div>
			<div class="img img57"><img data-src="images/p5_pic2.jpg"></div>
			<div class="img img58"><img data-src="images/p5_pic3.jpg"></div>
			
		</div>
		<div class="section section-6">
			<div class="img img61"><img data-src="images/p4_img1.png"></div>
			<div class="img img62"><img data-src="images/p6_img2.png"></div>
			<div class="img img63"><img data-src="images/p6_img3.png"></div>
			<div class="img img64"><img data-src="images/p6_img4.png"></div>
			<div class="img img65 page6-text">
				<p>通过引导成品转定制，孵化更多高品质的定制新生品牌，推动全屋定制行业快速发展。</p>
			</div>
			<div class="img img66"><img data-src="images/p6_pic1.jpg"></div>
			<div class="img img67"><img data-src="images/p6_pic2.jpg"></div>
			<div class="img img68"><img data-src="images/p6_pic3.jpg"></div>
			<div class="img img69"><img data-src="images/p6_pic4.jpg"></div>
			
		</div>
		<div class="section section-7">
			<div class="img img71"><img data-src="images/p4_img1.png"></div>
			<div class="img img72"><img data-src="images/p7_img2.png"></div>
			<div class="img img73"><img data-src="images/p7_img3.png"></div>
			<div class="img img74"><img data-src="images/p7_img4.png"></div>
			<div class="img img75"><img data-src="images/p7_img5.png"></div>
			<div class="img img76"><img data-src="images/p7_pic1.jpg"></div>
			<div class="img img77"><img data-src="images/p7_pic2.jpg"></div>
			
			
		</div>
		<div class="section section-8">
			<div class="img img81"><img data-src="images/p8_img1.png"></div>
			<div class="img" id="window-bm">
				
				<div class="bm-form">
				    <form  onsubmit="return dosub(this)">
				        <input type="hidden" name="modelid" value="25">
				        <input id="add_from" type="hidden" name="from" value="">
				        
				        <div class="f-l">
				            <span><i class="iconfont icon-wode"></i></span>
				            <div class="r-input-box">
				            <dl><dd>姓名</dd><dd class="text-capitalize">name</dd></dl>
				            <input name='uname' type='text' class="input-txt" ></div>
				        </div>
				        <div class="f-l">
				            <span><i class="iconfont icon-xinbaniconshangchuan-"></i></span>
				            <div class="r-input-box">
				            <dl><dd>电话</dd><dd class="text-capitalize">phone</dd></dl>
				            <input name='phone' type='text' class="input-txt" ></div>
				        </div>
				        <div class="f-l">
				            <span><i class="iconfont icon-bangonglou"></i></span><div class="r-input-box">
				            <dl><dd>企业</dd><dd class="text-capitalize">company</dd></dl>
				            <input name='company' type='text' class="input-txt" ></div>
				        </div>
				    
				        <input  type="hidden" class="btn_tj" name="dosubmit"  value="1">
				        <button id="sub_ul" type="submit" class="btn_tj" name="dosubmit2">立即报名领取门票</button>
				    </form>
				</div>

			</div>
			<div class="img img82"><img data-src="images/p8_pic1.jpg"></div>
			<div class="img img83"><img data-src="images/p8_pic2.jpg"></div>
			
		</div>
		

	</div>
		<div class="page-jt-fix">
			<img src="images/more_icon.png">
		</div>
		<!-- 显示页码数 -->
		<div class="page-tips">
			<em><span id="page-num"></span>/8</em>
		</div>
	</div>
	<div class="page-ewm"><img src="images/ewm.png">
        <p>手机上浏览</p>
    </div>
<script src="http://www.ffepcn.com/m/ffep45/js/notiflix-aio-2.7.0.min.js"></script>
<script src="http://www.ffepcn.com/m/ffep46/js/jquery.qrcode.min.js"></script>
	<script>
	$.fn.extend({
	    animateCss: function(animationName) {
	        var animationEnd = 'webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend';
	        $(this).addClass('animated ' + animationName).one(animationEnd, function() {
	            $(this).removeClass('animated ' + animationName);
	        });
	    }
	});

	$(function(){
		$("#fullpage").fullpage({
			autoScrolling:true,
			scrollHorizontally: true,
			css3: true,
			v2compatible: true,
			verticalCentered: false,
			continuousVertical: true,
			
			afterRender: function(){
				$('.img15').click(function(){
					$.fn.fullpage.moveSectionDown();
				})
			},
			onLeave: function(index, nextIndex, direction){
					var leavingSection = this;
					console.log(index);
					
			},
			afterLoad: function(anchorLink, index){
				
				$("#page-num").text(index);
			    if(index==1){
			    	$(".img11, .img12").animateCss("fadeInLeft");
			    	$(".img13").animateCss("zoomIn");
			    	$(".img14").animateCss("slideInLeft");
			    }
			    if(index==2){
			    	$(".img22").animateCss("zoomIn");
			    	$(".img23").animateCss("slideInLeft");
			    	$(".img24").animateCss("slideInLeft");
			    }
			    if(index==3){
			    	$(".img31").animateCss("zoomIn");
			    	$(".img33").animateCss("slideInLeft");
			    	$(".img34").animateCss("slideInLeft");
			    	$(".img35").animateCss("slideInLeft");
			    	
			    }
			    if(index==4){
			    	$(".img41").animateCss("shake");
			    	$(".img43").animateCss("fadeInLeft");
			    	$(".img44").animateCss("fadeInLeft");
			    	$(".img45").animateCss("fadeInLeft");
			    	$(".img46").animateCss("fadeInLeft");
			    	$(".img47").animateCss("fadeInRight");
			    	$(".img48").animateCss("fadeInLeft");
			    	$(".img49").animateCss("fadeInRight");
			    	
			    }
			    if(index==5){
			    	$(".img51").animateCss("shake");
			    	$(".img53").animateCss("fadeInLeft");
			    	$(".img54").animateCss("fadeInLeft");
			    	$(".img55").animateCss("fadeInLeft");
			    	$(".img56").animateCss("fadeInLeft");
			    	$(".img57").animateCss("fadeInLeft");
			    	$(".img58").animateCss("fadeInRight");
			    
			    }
			    if(index==6){
			    	$(".img61").animateCss("shake");
					$(".img63").animateCss("fadeInLeft");
					$(".img64").animateCss("fadeInLeft");
					$(".img65").animateCss("fadeInLeft");
					$(".img66").animateCss("fadeInLeft");
					$(".img67").animateCss("fadeInLeft");
					$(".img68").animateCss("fadeInLeft");
					$(".img69").animateCss("fadeInRight");
			    }
			    if(index==7){
			    	$(".img71").animateCss("shake");
			    	$(".img73").animateCss("fadeInLeft");
			    	$(".img74").animateCss("fadeInLeft");
			    	$(".img75").animateCss("fadeInLeft");
			    	$(".img76").animateCss("fadeInLeft");
			    	$(".img77").animateCss("fadeInRight");
			    	

			    }
			    if(index==8){
			    	

			    }
			}

		});

		var audio = document.getElementById('mp3Btn');
		$('.music-play').click(function(event){
			//防止冒泡
			event.stopPropagation();
			if(audio.paused) //如果当前是暂停状态
			{
			$('.music-play').css({"animation-play-state":"running"});
			audio.play();//播放
			return;
			}
			$('.music-play').css({"animation-play-state":"paused"});
			audio.pause(); //暂停
		});

	})
	if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
	    $(".page-ewm").remove();
	}

		
	</script>
<script type="text/javascript">
	$("#add_from").val(ly);

	Notiflix.Notify.Init({
		useGoogleFont: false,
		position: 'right-bottom'
	});
	Notiflix.Report.Init({
		useGoogleFont: false,
		info: {
            messageColor: "#ff1313",
            backOverlayColor:'rgba(0,0,0,0.5)'
        },
        failure: {
            messageColor: "#ff1313",
            backOverlayColor:'rgba(0,0,0,0.5)'
        }
	});

function openstr(user,phone,qrcode){
    var msgboxStr = `
    <div class="page-content-msg on">
        <div class="top-ico"><i class="iconfont icon-success"></i></div>
        <div class="msg-box-txt">
            <h4>恭喜您报名成功</h4>
            <p>第46届国际名家具(东莞)展览会</p>
            <p style="color:#09bb07">姓名：${user},手机号：${phone}</p>
        </div>
        <div class="page-ewm-jq"><p style="display:none">请截图保存本页</p>
        </div>
        <div class="msg-box-btn">
            <a class="btn btn-success btn-block" href="###" onclick="javascript:window.location.reload();" >返回活动页</a>
            <a class="btn btn-outline-secondary btn-block" href="javascript:;" onclick="wx.closeWindow()">关闭</a>
        </div>
    </div>
    `;
    $('body').append(msgboxStr);
    //二维码生成
    // var d = user_tel.toString(16);
    var d = parseInt(phone);
    var dd =d.toString(36);
    console.log(dd);
    jQuery(".page-ewm-jq").qrcode({
        width: 140,
        height: 140,
        text: qrcode
    })
}

function dosub(obj){
    var u_name = obj.uname.value, phone = obj.phone.value,company=obj.company.value,  datas = $(obj).serialize();
    if($.trim(u_name)==''){
        Notiflix.Report.Info('提示信息','请输入姓名！','确定');
        return false;
    }
    if($.trim(phone)==''){
        Notiflix.Report.Info('提示信息','请输入手机号！','确定');
        return false;
    }
    /*
    if(code_yzm == ''){
        Notiflix.Report.Info('提示信息','请输入图形验证码！','确定');
        return false;
    }
    */
    //手机号正则
    var phoneReg = /(^1[3|4|5|6|7|8|9]\d{9}$)|(^09\d{8}$)/;
    if (!phoneReg.test(phone)) {
        Notiflix.Report.Failure('错误提示','请输入有效的手机号','确定');
        return false;
    }

    $.ajax({
        url: "//www.ffepcn.com/diyform/index/post.html",
        type: "POST",
        dataType: "JSON",
        data: datas,
        success:function(mes){
            let msg = mes.mes;
            
            if(mes.code == 0){
                // Notiflix.Report.Info('提示信息',"您已经报名过了，请勿重复报名！",'确定');
                openstr(u_name,phone,mes.qrcode);
                
            }else if(mes.code==1){
                
                $.ajax({
                    url: "http://gde.160.ink/index/mjjzbm/indexb",
                    type: "POST",
                    dataType: "JSON",
                    data: {post_id:1,title:u_name,phone:phone,company:company,qdcode:ly,catid:65534},
                    success:function(reszz){
                        
                    },
                    error:function(err,xhr){
                        console.log(err);
                    }
                })
                openstr(u_name,phone,mes.qrcode);
                // Notiflix.Report.Info('提示信息',"恭喜您，您已成功报名43/44届国际名家具展",'确定');
            }else if(mes.code==3){
                Notiflix.Report.Info('提示信息',"验证码错误，请重新输入！",'确定');
                obj.code.value = '';
                $('.img_yzm').trigger('click');
            }
            
        },
        error:function(err,xhr){
            console.log(err);
        }
    })
    return false;
}
</script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script src="js/wx_share.js"></script>
</body>
</html>